<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>注册</title>
</head>

<body>
  <!-- 头部 -->
  <header></header>
  <!-- 主体 -->
  <main>
    <div class="reg">
      <h1 id="passwordLogin">密码登录</h1>
    </div>
    <div class="password">
      <h2>手机号登录/注册</h2>
      <p>快速找到好友, 一站式记录你的运动</p>
    </div>
    <div class="input">
      <div class="tel">
        <select>
          <option value="">+86</option>
          <option value="">+12</option>
          <option value="">+34</option>
          <option value="">+55</option>
          <option value="">+99</option>
        </select>
        <input id="inpt1" type="text" placeholder="输入手机号码">
      </div>
      <div class="code">
        <input id="inpt2" type="text" placeholder="请输入验证码">
        <div>
          <canvas width="140" height="45" id="captcha1"></canvas>
        </div>
      </div>
      <input id="inpt3" type="text" placeholder="请输入密码">
      <input id="inpt4" type="text" placeholder="请再次确认密码">
      <button id="regBtn">登 录</button>
    </div>
    <div class="forgot-password">

      <img src="../../assets/imgs/login_img/微信.png" alt="">
      <span>微信注册</span>
    </div>
    <div class="foot-word">
      - HOLD ON -
    </div>
  </main>




</body>

</html>